<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>课程列表首页1</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">

    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta name="Keywords" content="" />
    <meta name="Description" content="春游走起"/>
    <link rel="stylesheet" href="__PUBLIC__/css/base.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/course/course_list-v2-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/font-awesome.min.css"type="text/css"/>
</head>
<body  id="List_courseId">
<!--头部-->
<include file="Public/header" />
<div id="main">
    <!--课程主体-->
    <div class="container">
        <!--课程内容-->
        <div class="course-content">
            <!--课程分类导航-->
            <div class="course-nav-box">
                <div class="course-nav-hd">
                    <span>全部课程</span>
                </div>
                <!--方向-->
                <div class="course-nav-row clearfix">
                    <span class="hd l">方向：</span>
                    <div class="bd">
                        <ul class="">
                            <li class="course-nav-item on">
                                <a href="/course/list">全部</a>
                            </li>
                            <li class="course-nav-item
                                ">
                                <a href="/course/list?c=fe" data-ct="fe">前端开发</a>
                            </li>
                            <li class="course-nav-item
                                ">
                                <a href="/course/list?c=be" data-ct="be">后端开发</a>
                            </li>
                            <li class="course-nav-item
                                ">
                                <a href="/course/list?c=mobile" data-ct="mobile">移动开发</a>
                            </li>
                            <li class="course-nav-item
                                ">
                                <a href="/course/list?c=data" data-ct="data">数据处理</a>
                            </li>
                            <li class="course-nav-item
                                ">
                                <a href="/course/list?c=photo" data-ct="photo">图像处理</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--分类-->
                <div class="course-nav-row clearfix">
                    <span class="hd l">分类：</span>
                    <div class="bd">
                        <ul class="">
                            <li class="course-nav-item on">
                                <a href="/course/list?c=">全部</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=html" data-id=7 data-ct=fe>HTML/CSS</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=javascript" data-id=44 data-ct=fe>JavaScript</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=CSS3" data-id=1262 data-ct=fe>CSS3</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=html5" data-id=221 data-ct=fe>Html5</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=jquery" data-id=219 data-ct=fe>jQuery</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=angularjs" data-id=1123 data-ct=fe>AngularJS</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=nodejs" data-id=222 data-ct=fe>Node.js</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=bootstrap" data-id=1263 data-ct=fe>Bootstrap</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=webapp" data-id=1260 data-ct=fe>WebApp</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=fetool" data-id=1261 data-ct=fe>前端工具</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=php" data-id=1 data-ct=be>PHP</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=java" data-id=220 data-ct=be>JAVA</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=linux" data-id=468 data-ct=be>Linux</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=python" data-id=1118 data-ct=be>Python</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=C" data-id=1273 data-ct=be>C</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=C+puls+puls" data-id=1331 data-ct=be>C++</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=Go" data-id=1358 data-ct=be>Go</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=C%23" data-id=1362 data-ct=be>C#</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=data+structure" data-id=1370 data-ct=be>数据结构</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=android" data-id=223 data-ct=mobile>Android</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=ios" data-id=955 data-ct=mobile>iOS</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=Unity+3D" data-id=1281 data-ct=mobile>Unity 3D</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=Cocos2d-x" data-id=1361 data-ct=mobile>Cocos2d-x</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=mysql" data-id=952 data-ct=data>MySQL</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=mongodb" data-id=958 data-ct=data>MongoDB</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=cloudcomputing" data-id=1122 data-ct=data>云计算</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=Oracle" data-id=1309 data-ct=data>Oracle</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=%E5%A4%A7%E6%95%B0%E6%8D%AE" data-id=1359 data-ct=data>大数据</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=SQL+Server" data-id=1366 data-ct=data>SQL Server</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=photoshop" data-id=953 data-ct=photo>Photoshop</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=maya" data-id=956 data-ct=photo>Maya</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=premiere" data-id=954 data-ct=photo>Premiere</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?c=ZBrush" data-id=1371 data-ct=photo>ZBrush</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--难易度-->
                <div class="course-nav-row clearfix">
                    <span class="hd l">难度：</span>
                    <div class="bd">
                        <ul class="">
                            <li class="course-nav-item  on">
                                <a href="/course/list?is_easy=0">全部</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?is_easy=1">初级</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?is_easy=2">中级</a>
                            </li>
                            <li class="course-nav-item ">
                                <a href="/course/list?is_easy=3">高级</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="course-tool-bar clearfix">
                <div class="tool-left l">
                    <a href="/course/list?sort=last" class="sort-item">最新</a>
                    <a href="/course/list?sort=pop" class="sort-item active">最热</a>
                </div>

                <div class="tool-right r">
                    <!--课程的总数-->
                    <span class="tool-item ">
                      <a href="/course/list?unlearn=1" class="hide-learned tool-chk">隐藏已参加课程</a>
                    </span>
                    <span class="tool-item total-num">
                        共<b>529</b>个课程
                    </span>
                    <!--分页-->
                    <span class="tool-item tool-pager">
                        <span class="pager-num">
                            <b class="pager-cur">1</b>/<em class="pager-total">27</em>
                        </span>
                        <a href="javascript:void(0)" class="pager-action pager-prev hide-text disabled">上一页</a>

                        <a href="/course/list?page=2" class="pager-action pager-next hide-text">下一页</a>
                    </span>
                </div>
            </div>
            <!--课程列表-->
            <div class="course-list">
                <div class="js-course-lists">
                    <ul>
                        <li class="course-one">
                            <a href="{:U('Course/details')}" target="_self">
                                <!--视频图片宽度-->
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="HTML+CSS基础课程" src="http://img.mukewang.com/529dc3380001379906000338-240-135.jpg">
                                </div>
                                <!--标题-->
                                <h5>
                                    <span>HTML+CSS基础课程</span>
                                </h5>
                                <!--内容简介-->
                                <div class="tips">
                                    <p class="text-ellipsis">8小时带领大家步步深入学习标签的基础知识，掌握各种样式的基本用法。</p>
                                    <span class="l ">更新完毕</span>
                                    <span class="l ml20">
                                    332556
                                    人学习
                                 </span>
                                </div>
                                <span class="time-label">
                                    9小时17分钟 | 初级
                                </span>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/85" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="Java入门第一季" src="http://img.mukewang.com/57035ff200014b8a06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>Java入门第一季</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">从环境搭建、基础语法开始，带你入门</p>
                                    <span class="l ">更新完毕</span>

                                    <span class="l ml20">
                                         315174
                                        人学习
                                    </span>
                                </div>
                                <span class="time-label">
                                    5小时 | 初级
                                </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/139" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="PS入门教程——新手过招" src="http://img.mukewang.com/53a28e960001311b06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>PS入门教程——新手过招</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">PS的基本使用方法，带你入门。</p>
                                    <span class="l ">更新完毕</span>

                                    <span class="l ml20">
                                        245259
                                        人学习
                                    </span>
                                </div>
                                <span class="time-label">
                                    9小时44分钟 | 初级
                                </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/249" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="C语言入门" src="http://img.mukewang.com/54a38eb4000120ad06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>C语言入门</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">进入编程世界的必修课-C语言</p>
                                    <span class="l ">更新完毕</span>

                                     <span class="l ml20">
                                         221318
                                        人学习
                                     </span>
                                </div>
                                <span class="time-label">
                                    4小时50分钟 | 初级
                                </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/36" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="JavaScript入门篇" src="http://img.mukewang.com/53e1d0470001ad1e06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>JavaScript入门篇</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">做为一名Web攻城狮的必备技术，让您从糊涂到明白，快速认识JavaScript。</p>
                                    <span class="l ">更新完毕</span>

                                     <span class="l ml20">
                                         203317
                                          人学习
                                     </span>
                                </div>
                                <span class="time-label">
                                    1小时35分钟 | 初级
                                </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/54" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="PHP入门篇" src="http://img.mukewang.com/53daee770001dd0706000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>PHP入门篇</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">3小时轻松帮您快速掌握PHP语言基础知识，为后续PHP进级课程学习打下基础。</p>
                                    <span class="l ">更新完毕</span>
                                    <span class="l ml20">
                                        170520
                                        人学习
                                    </span>
                                </div>
                                 <span class="time-label">
                                    5小时56分钟 | 初级
                                  </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/124" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="Java入门第二季" src="http://img.mukewang.com/570360620001390f06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>Java入门第二季</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">Java 面向对象编程基本实现原理</p>
                                    <span class="l ">更新完毕</span>
                                    <span class="l ml20">
                                        160681
                                        人学习
                                    </span>
                                </div>
                                <span class="time-label">
                                    4小时 | 初级
                                 </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/159" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="PS大神通关教程" src="http://img.mukewang.com/53d068840001a89906000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>PS大神通关教程</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">一路的升级打怪，让你实现ps菜鸟到大神的炫酷逆袭。</p>
                                    <span class="l ">更新完毕</span>
                                    <span class="l ml20">
                                       157563
                                      人学习
                                    </span>
                                </div>
                                <span class="time-label">
                                    8小时11分钟 | 初级
                                </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/96" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="Android攻城狮的第一门课（入门篇）" src="http://img.mukewang.com/53bf89100001684e06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>Android攻城狮的第一门课（入门篇）</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">想快速进入Android开发领域的程序猿的首选课程</p>
                                    <span class="l ">更新完毕</span>
                                    <span class="l ml20">
                                      155423
                                     人学习
                                    </span>
                                </div>
                                 <span class="time-label">
                                    5小时 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/10" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="JavaScript进阶篇" src="http://img.mukewang.com/529dc3450001eb3606000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>JavaScript进阶篇</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">JavaScript带您进入网页动态交互世界，为网页增色，为技术加分。</p>
                                    <span class="l ">更新完毕</span>
                                    <span class="l ml20">
                                        146001
                                        人学习
                                    </span>
                                </div>
                                <span class="time-label">
                                    8小时55分钟 | 中级
                                </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/175" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt=" Linux达人养成计划 I" src="http://img.mukewang.com/57035f110001a57906000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span> Linux达人养成计划 I</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">Linux的入门级课程！</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                133240
                                人学习</span>
                                </div>
            <span class="time-label">
                                    6小时 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/11" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="jQuery基础课程" src="http://img.mukewang.com/53daeec60001058206000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>jQuery基础课程</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">加入jQuery基础课程学习，有效提高网站前端开发速度！</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                131108
                                人学习</span>
                                </div>
            <span class="time-label">
                                    9小时57分钟 | 中级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/177" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="Python入门" src="http://img.mukewang.com/540e57300001d6d906000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>Python入门</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">未来您要会的优雅、明确、简单语言</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                130671
                                人学习</span>
                                </div>
            <span class="time-label">
                                    5小时 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/110" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="Java入门第三季" src="http://img.mukewang.com/5703604a0001694406000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>Java入门第三季</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">Java中你必须懂得常用技能</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                126723
                                人学习</span>
                                </div>
            <span class="time-label">
                                    5小时 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/122" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="与MySQL的零距离接触" src="http://img.mukewang.com/570756b0000146fc06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>与MySQL的零距离接触</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">不花钱的关系型数据库，你懂得！</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                118922
                                人学习</span>
                                </div>
            <span class="time-label">
                                    8小时29分钟 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/141" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="玩转Bootstrap（基础）" src="http://img.mukewang.com/5704ae850001f59906000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>玩转Bootstrap（基础）</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">告诉你怎么使用Bootstrap。</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                116719
                                人学习</span>
                                </div>
            <span class="time-label">
                                    10小时 | 中级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/33" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="十天精通CSS3" src="http://img.mukewang.com/52e1d29d000161fe06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>十天精通CSS3</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">全方位深刻详解CSS3模块知识，经典案例分析，代码同步调试，让网页穿上绚丽装备！</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                102933
                                人学习</span>
                                </div>
            <span class="time-label">
                                    5小时 | 高级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/95" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="网页布局基础" src="http://img.mukewang.com/53eafb44000146c706000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>网页布局基础</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">让你精通CSS中三大定位机制—标准文档流、浮动及绝对定位，彻底掌握布局所有技能！</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                102866
                                人学习</span>
                                </div>
            <span class="time-label">
                                    1小时30分钟 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/39" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="前端开发工具技巧介绍—DW篇" src="http://img.mukewang.com/5704a5d50001582f06000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>前端开发工具技巧介绍—DW篇</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">你真的确认会使用Dreamweaver了吗？</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                102154
                                人学习</span>
                                </div>
            <span class="time-label">
                                    40分钟 | 初级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                        <li class="course-one">
                            <a href="/view/277" target="_self">
                                <div class="course-list-img">
                                    <img width="240" height="135" alt="JavaScript深入浅出" src="http://img.mukewang.com/5705d3a3000129d006000338-240-135.jpg">
                                </div>
                                <h5>
                                    <span>JavaScript深入浅出</span>
                                </h5>
                                <div class="tips">
                                    <p class="text-ellipsis">由浅入深学习JS，且解析JS常见误区。</p>
                                    <span class="l ">更新完毕</span>

                <span class="l ml20">
                                100670
                                人学习</span>
                                </div>
            <span class="time-label">
                                    5小时28分钟 | 高级
                            </span>
                                <b class="follow-label">跟我学</b>
                            </a>
                        </li>
                    </ul>
                </div>
                <!--分页-->
                <div class="page"><span class="disabled_page">首页</span><span class="disabled_page">上一页</span><a href="javascript:void(0)" class="active">1</a><a href="/course/list?page=2">2</a><a href="/course/list?page=3">3</a><a href="/course/list?page=4">4</a><a href="/course/list?page=5">5</a><a href="/course/list?page=6">6</a><a href="/course/list?page=7">7</a><a href="/course/list?page=2">下一页</a><a href="/course/list?page=27">尾页</a></div>
            </div>
        </div>
    </div>

</div>

<include file="Public/footer" />
</body>
</html>
